<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String filePath = basePath+"/view/rec";
%>
<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="author" content="pixelcave">
	<meta name="robots" content="noindex, nofollow">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>注册</title>
		<!-- Icons -->
	<!-- The following icons can be replaced with your own, they are used by desktop and mobile browsers -->
	<link rel="shortcut icon" href="<%= filePath %>/lexyui/img/favicons/favicon.png">
	
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-16x16.png" sizes="16x16">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-32x32.png" sizes="32x32">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-96x96.png" sizes="96x96">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-160x160.png" sizes="160x160">
	<link rel="icon" type="image/png" href="<%=filePath %>/lexyui/assets/img/favicons/favicon-192x192.png" sizes="192x192">
	
	<link rel="apple-touch-icon" sizes="57x57" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="<%=filePath %>/lexyui/assets/img/favicons/apple-touch-icon-180x180.png">
	<!-- END Icons -->
	
	<!-- Stylesheets -->
	<!-- Web fonts -->
	<!-- 
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400italic,600,700%7COpen+Sans:300,400,400italic,600,700">
	 -->	
	 
    <!-- Page JS Plugins CSS -->
    <%-- <link rel="stylesheet" href="<%=filePath %>/lexyui/assets/js/plugins/select2/select2.min.css">
    <link rel="stylesheet" href="<%=filePath %>/lexyui/assets/js/plugins/select2/select2-bootstrap.min.css"> --%>
	
	<!-- Bootstrap and OneUI CSS framework -->
	<link rel="stylesheet" href="<%=filePath %>/lexyui/assets/css/bootstrap.min.css">
	<link rel="stylesheet" id="css-main" href="<%=filePath %>/lexyui/assets/css/oneui.css">
	<style type="text/css">
	.content-boxed {
    max-width: 1280px !important;
}
	
	</style>
	
</head>
<body>
		
		
		
	<!-- Main Container -->
           <main id="main-container">
               <!-- Hero Content -->
               <div class="bg-image" style="background-image: url('assets/img/photos/photo24@2x.jpg');">
                   <div class="bg-primary-dark-op">
                       <section class="content content-full content-boxed overflow-hidden">
                           <!-- Section Content -->
                           <div class="push-100-t push-50 text-center">
                               <h1 class="h2 text-white push-10 visibility-hidden" data-toggle="appear" data-class="animated fadeInDown">The latest stories only for you.</h1>
                               <h2 class="h5 text-white-op visibility-hidden" data-toggle="appear" data-class="animated fadeInDown">Feel free to explore and read.</h2>
                           </div>
                           <!-- END Section Content -->
                       </section>
                   </div>
               </div>
               <!-- END Hero Content -->

               <!-- Grid Content -->
               <section class="content content-boxed">
                   <!-- Section Content -->
                   <div class="push-50-t push-50">
                       <div class="row">
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       
                                       <h4 class="push-10">Top 10 Destinations</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   		<div class="font-s12 push">
                                           <em class="pull-right">10 min</em>
                                           <span class="text-primary">Scott Ruiz</span> on July 16, 2015
                                       </div>
                                   </div>
                                   
                               </a>
                           </div>
                           <!-- END Story -->

                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->

                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                           <!-- Story -->
                           <div class="col-md-4 visibility-hidden" data-toggle="appear" data-offset="50" data-class="animated fadeIn">
                               <a class="block block-link-hover2" href="frontend_blog_story.html">
                                   <img class="img-responsive" src="<%=filePath %>/lexyui/assets/img/124.jpg" alt="">
                                   <div class="block-content">
                                       <div class="font-s12 push">
                                           <em class="pull-right">15 min</em>
                                           <span class="text-primary">Rebecca Gray</span> on July 13, 2015
                                       </div>
                                       <h4 class="push-10">Follow Your Dreams</h4>
                                       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas ultrices, justo vel imperdiet gravida...</p>
                                   </div>
                               </a>
                           </div>
                           <!-- END Story -->
                       </div>

                       <!-- Pagination -->
                       <nav class="text-center">
                           <ul class="pagination">
                               <li class="active">
                                   <a href="javascript:void(0)">1</a>
                               </li>
                               <li>
                                   <a href="javascript:void(0)">2</a>
                               </li>
                               <li>
                                   <a href="javascript:void(0)">3</a>
                               </li>
                               <li>
                                   <a href="javascript:void(0)">4</a>
                               </li>
                               <li>
                                   <a href="javascript:void(0)">5</a>
                               </li>
                               <li>
                                   <a href="javascript:void(0)"><i class="fa fa-angle-right"></i></a>
                               </li>
                           </ul>
                       </nav>
                       <!-- END Pagination -->
                   </div>
                   <!-- END Section Content -->
               </section>
               <!-- END Grid Content -->

               <!-- Get Started -->
               <div class="bg-primary-dark">
                   <section class="content content-full content-boxed">
                       <!-- Section Content -->
                       <div class="push-20-t push-20 text-center">
                           <h3 class="h4 text-white-op push-20 visibility-hidden" data-toggle="appear">Do you like our stories? Sign up today and get access to over <strong>10.000</strong> travel stories!</h3>
                           <a class="btn btn-rounded btn-noborder btn-lg btn-success visibility-hidden" data-toggle="appear" data-class="animated bounceIn" href="frontend_pricing.html">Get Started Today</a>
                       </div>
                       <!-- END Section Content -->
                   </section>
               </div>
               <!-- END Get Started -->
           </main>
           <!-- END Main Container -->
	
	
	
	
       <!-- Apps Modal -->
	<!-- Opens from the button in the header -->
	<div class="modal fade" id="apps-modal" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-sm modal-dialog modal-dialog-top">
			<div class="modal-content">
				<!-- Apps Block -->
				<div class="block block-themed block-transparent">
					<div class="block-header bg-primary-dark">
						<ul class="block-options">
							<li>
								<button data-dismiss="modal" type="button">
									<i class="si si-close"></i>
								</button>
							</li>
						</ul>
						<h3 class="block-title">Apps</h3></div>
					<div class="block-content">
						<div class="row text-center">
							<div class="col-xs-6">
								<a class="block block-rounded" href="base_pages_dashboard.html">
									<div class="block-content text-white bg-default">
										<i class="si si-speedometer fa-2x"></i>
										<div class="font-w600 push-15-t push-15">Backend</div></div>
								</a>
							</div>
							<div class="col-xs-6">
								<a class="block block-rounded" href="frontend_home.html">
									<div class="block-content text-white bg-modern">
										<i class="si si-rocket fa-2x"></i>
										<div class="font-w600 push-15-t push-15">Frontend</div></div>
								</a>
							</div>
						</div>
					</div>
				</div>
				<!-- END Apps Block --></div>
		</div>
	</div>
            
	<!-- OneUI Core JS: jQuery, Bootstrap, slimScroll, scrollLock, Appear, CountTo, Placeholder, Cookie and App.js -->
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/bootstrap.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.slimscroll.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.scrollLock.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.appear.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.countTo.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/jquery.placeholder.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/core/js.cookie.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/app.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/pub.js"></script>
	
	
	
	<!-- Page JS Plugins -->
	<script src="<%=filePath %>/lexyui/assets/js/plugins/jquery-validation/jquery.validate.min.js"></script>
	<script src="<%=filePath %>/lexyui/assets/js/plugins/jquery-validation/additional-methods.min.js"></script>
	
	<!-- Page JS Code -->
	<script>
	   jQuery(function () {
	   	
	   	 // Init page helpers (Appear plugin)
	       App.initHelpers('appear');
	   
	   	 $("#btn-form").click(function(){
	   		ajaxForm();
	   	 })
	   });
	   
	   function ajaxForm(){
		   
		   var validata = $("#sginup-form").valid();
		   var data = jQuery("#sginup-form").serializeObject();
		   
		   if(validata){
		   		var result =  doPost("sginup", data);
		   		if(result.code="200"){
		   			alert(result.message);
		   			window.location.href="log";
		   		}
		   		
		   		
		   }
	   }
	   
	</script>
	<script src="<%=filePath %>/lexyui/assets/js/pages/rec_signup.js"></script>
</body>
</html>